import Vue from 'vue'
import VueRouter from 'vue-router'
import About from '@/views/About'
import Contacts from '@/views/Contacts'
import Router from '@/views/Router'
import Alice from '@/views/Alice'
import All from '@/views/All'
import Bob from '@/views/Bob'
import Aa from '@/views/Aa'
import Bb from '@/views/Bb'
import Cc from '@/views/Cc'
Vue.use(VueRouter)
const router = new VueRouter({
  routes: [
    {
      path: '/router',
      component: Router,
    },
    {
      path: '/contacts',
      component: Contacts,
      //二级
      children: [
        {
          path: 'all',
          component: All,
          //三级
          children: [
            {
              path: 'aa',
              component:Aa
            },
            {
              path: 'bb',
              component:Bb
            },
            {
              path: 'cc',
              component:Cc
            }

          ]
        },

        {
          path: 'alice',
          component: Alice,
         

        },
        {
          path: 'bob',
          component: Bob,
          
        },
      ],
    },
    {
      path: '/about',
      component: About,
    },
  ],
})
export default router
